<template>
  <div
    style="
      width: 15%;
      min-width: 20px;
      margin-top: 30px;
      text-align: center;
      align-items: center;
      display: flex;
      flex-direction: column;
    "
  >
    <div style="width: 100%; height: 2px; background: #C1F7FD"></div>
    <div class="dashedBorder"></div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.dashedBorder {
  height: calc(100% - 60px);
  width: 2px;
  margin-top: 53px;
  background: linear-gradient(
    to bottom,
    rgb(255, 255, 255),
    rgb(202, 255, 56) 14px,
    transparent 14px,
    transparent
  );
  background-size: 100% 28px ;
}
</style>